@charset "UTF-8";

body {
    background-color:Window;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    
}

div.container{
    width:100%;
    position:relative;
    
    
    
}
div.container .div_subCon{
    text-align: center;
    width:50%;
    margin:auto;
}
div.container .btrTab table, td, th {
    
    border-bottom: 1px solid #3498db;
}

.div_auth{
    margin-top: 5%;
    widht:500px;
    heigh:100px;
    padding:auto;
    
}
.div_auth input{
    margin-top:5px;
    padding:10px;
}



.rouble {
  display: inline-block;
  position: relative;
  
  font-family:Arial;
}

.rouble:before {
  display: block;
  content: "–";
  position: absolute;
  top: 0.05em;
}



/*page User*/
.content_User{
    margin-top:1%;
    width:100%;
    
}

.left_panel_Content_User {
    margin-left:5%;
    width:35%;
    height:100%;
    float:left;
   
    
    text-align:center;
}
.left_panel_Content_User .time_Watch{
font-weight:bold;
color:#000000;
letter-spacing:0pt;
word-spacing:2pt;
font-size:30px;
text-align:center;
font-family:arial, helvetica, sans-serif;
line-height:1;

padding: 5px;
border:1px solid purple;
}

.left_panel_Content_User .left_panel_Content_User_name{
    margin-top:10px;
    padding:10px;
    border:1px solid purple;
}
.left_panel_Content_User .left_panel_Content_User_tabSelect{
    margin-top:10px;
    padding:10px;
    border:1px solid purple;
}

.div_Comments{
    margin-top:10px;
    padding:10px;
    border:1px solid purple;
    
}

.div_Comments_List {
    width:100%;
    
}
.div_Comments_List .div_Comments_List_Element{
    width:100%;
    margin-top:20px;
    border:1px solid purple;
    height:100%;
    -webkit-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.75);
}
.div_Comments_List .div_Comments_List_Element .div_Comments_List_Element_comment{
    
    margin:auto;
    overflow:auto;
    
    background: lightblue;
    width:90%;
    
}
.div_Comments_List .div_Comments_List_Element .div_Comments_List_Element_comment p{
    
    text-align:center;
    
}

.right_panel_Content_User {
    margin-left:5%;
    width:50%;
    height:100%;
    float:left;
    border:1px solid black;   
}
.right_panel_Content_User .div_Ordering_List_Element li{
    padding:10px;
    border-bottom: 2px solid lightblue;
}


















/*CHECKOUT*/
div.map_DIV{
    margin-top:1%;
    width:100%;
    height:500px;
    
    
    
    
}
div.map_DIV div#map-canvas{
    margin-left:10%;
    width:60%;
    height:100%;
    float:left;
    border:1px solid black;
}
div.map_DIV div.select_Map_Delivery_Point{
    float:left;
    margin-left:5%;
    width:30%;
    height:100%;
    
}
div.map_DIV div.select_Map_Delivery_Point div.select_TypeOrder{
    position: relative;
    float:left;
    width:100%;
    height:20%;
    border:1px solid blue;
}
div.map_DIV div.select_Map_Delivery_Point div.select_TypeOrder div.select_TypeOrder_div{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 30%;
    height: 40%;
    margin: auto;
}
div.map_DIV div.select_Map_Delivery_Point select#typeOrder,#MarkerId,#address,.option_Padding{      
    padding: 10px;
    border:1px solid green;
}
div.map_DIV div.select_Map_Delivery_Point .typeOfDelivery{
    float:left;
    position: relative;
    width:100%;
    height:75%;
    border:1px solid red;
    
    
}
div.map_DIV div.select_Map_Delivery_Point .typeOfDelivery .typeShop,.typeCourier{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 80%;
    height: 80%;
    margin: auto;
    
    
    padding:10px;
    border:1px dotted blue;
}
div.map_DIV div.select_Map_Delivery_Point .option_Padding_Button{
    margin-top:67%;
    padding: 10px;
    border:1px solid green;
    float: right;
}
div.map_DIV div.select_Map_Delivery_Point .typeOfDelivery .typeShop,.typeCourier{
    
}






/*                    */
div.final_Div{
    margin-top:1%;
    width:100%;
    height:500px;
    
}

div.final_Items{
    margin-left:10%;
    width:30%;
    height:100%;
    float:left;
    
    
    
}
div.final_Items .item_checkout{
    margin-top:5px;
    width:100%;
    border: 1px dotted purple;
    float:left;
    
}

 div.final_Items div.item_checkout .count_item,.item_checkout_img,.item_checkout_info{
    float:left;
    padding:5px;
    width:20%;
    
}
div.final_Items div.item_checkout .count_item{
    width:5%;   
}
div.final_Items div.item_checkout .item_checkout_info{
    width:50%;
}
div.final_Right_Panel{
    text-align: center;
    margin-left:10%;
    width:40%;
    height:40%;
    float:left;
    
    
}

div.final_Right_Panel div.final_Total_Info{
    float:left;
    height: 50%;
    width:100%;
    border-bottom:1px solid purple;
    
}


/*                    */
div.final_Right_Panel div.order_Verify_Button{
    
    float:left;
    height: 50%;
    width:95%;
    padding:10px;
    
    
}


.addOrder button{
   color:Purple;
   
    width:150px;
    height:30px;
    font-weight:bold;
    /*background:url("../photoOfGoods/russia.gif");*/
    background-repeat: no-repeat;
    background-position: left top;
    border: 1px solid Purple;
    background-color: transparent;
    background-size: contain;
    cursor: pointer;
    outline: 0;
    cursor: pointer;
   }
 .addOrder button:hover{
-webkit-box-shadow: 4px 3px 7px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    4px 3px 7px rgba(50, 50, 50, 0.75);
box-shadow:         4px 3px 7px rgba(50, 50, 50, 0.75);

   }
.addOrder button:active{        
        margin-top:5px;
    }


